// npm i webpack webpack-cli --save-dev
// --save-dev 完全等同于 -D
// 安装开发依赖, 就是说这两个包只有在开发阶段才会使用, 项目上线后不需要再用了
// axios lodash 等这些包都不用 -D 因为项目上线后依然要使用
// 需求: 封装一个 utils.js 文件, 检查用户名和密码的长度, 引入到 index.js 中使用
// 按需导入
import {checkUsername,checkPassword} from './utils'

// console.log(checkUsername('ziyang'))
// console.log(checkPassword('123456'))
import axios from 'axios'
document.querySelector(".login-btn").addEventListener('click', () => {
  const username = document.querySelector('.username').value
  const password = document.querySelector('.password').value
  if (!checkUsername(username)) {
    return alert('用户名长度应该大于8')
  }
  if (!checkPassword(password)) {
    return alert('密码长度应该大于6')
  }
  axios({
    url: 'http://ajax-api.itheima.net/register',
    method: 'POST',
    data: {
      username,
      password
    }
  }).then(res => {
    alert(res.data.message)
  }).catch(err => {
    alert(err.response.data.message)
  })
})

//需求：打包 css 文件
//import 变量 from  '路径'
//不接受任何数据
import './css/index.css';
import './less/index.less'

//需求:设置 body 的背景色,在文本框上放一个logo img 标签
import imgObj from './assets/logo.png'
document.querySelector('.logo-img').src = imgObj

const arr = [1, 2, 3, 4, 5, 6]
const newArr = arr.map(item => item + 1)
console.log(newArr)

console.log(123)
